<style>
    .nav {
        width: 100%;
        height: 80px;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
        background-color: #2d2d2c;
        line-height: 80px;
    }

    .logo {
        margin-left: 197px;
        display: inline-block;
        margin-top: 19px;
        float: left;
    }

    .navbtn {
        width: 100px;
        height: 79px;
        text-align: center;
        color: #f5f5f5;
        font-size: 14px;
        font-weight: bold;
        line-height: 80px;
        display: inline-block;
    }

    .navbtn:hover {
        background-color: #fdd000;
        color: #010101;
    }

    .nav .on {
        background-color: #fdd000;
        color: #010101;
    }

    .h1 {
        color: #000000;
        font-family: FZLTZHK;
        font-size: 36px;
        font-weight: bold;
    }

    .h2 {
        color: #000000;
        font-family: FZLTZHK;
        font-size: 24px;
    }

    .modbr {
        filter: alpha(opacity=80);
        -moz-opacity: 0.8;
    }

    .a img {
        width: 20%;
        box-shadow: 5px 5px 45px darkslategrey;
    }
</style>
<div class="nav" style="{{if .listpage}}margin-bottom: 50px;{{end}}">
    <img class="logo" src="/img/logo1.png">
    <div style="float:right;margin-right: 363px; ">
        {{if eq .headlink "home"}}{{else}}<a href="/">{{end}}<span class="navbtn {{if eq .headlink "home"}}on{{end}}">主页</span>{{if eq .headlink "home"}}{{else}}</a>{{end}}
        {{if eq .headlink "xiangmu"}}{{else}}<a href="/xiangmu">{{end}}<span class="navbtn {{if eq .headlink "xiangmu"}}on{{end}}">项目</span>{{if eq .headlink "xiangmu"}}{{else}}</a>{{end}}
        {{if eq .headlink "youji"}}{{else}}<a href="/youji">{{end}}<span class="navbtn {{if eq .headlink "youji"}}on{{end}}">游记</span>{{if eq .headlink "youji"}}{{else}}</a>{{end}}
        {{if eq .headlink "zixun"}}{{else}}<a href="/zixun">{{end}}<span class="navbtn {{if eq .headlink "zixun"}}on{{end}}">咨询</span>{{if eq .headlink "zixun"}}{{else}}</a>{{end}}
    </div>
</div>